﻿@model AFT.Parking.Entity.SafetyAisleRecord

@{
    ViewBag.Title = "title";
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>安全通道名称</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <style>
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, i, u, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed, fieldset,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
        }

        ol, ul, li {
            list-style: none;
        }


        html {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: 'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;
            /* 1 */
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            /* 2 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
            font-size: 50px;
        }




        body {
            color: #000;
            background-color: rgba(255, 255, 255, 0.8);
            width: 7.5rem;
            font-size: 0.32812rem;
            max-width: 1080px;
            margin: 0 auto;
        }

        h1, h2, h3 {
            font-size: 0.375rem;
        }

        h4, h5, h6 {
            font-size: 0.30469rem;
        }


        .p-clear-fix:after {
            content: "";
            display: block;
            height: 0;
            line-height: 0;
            visibility: hidden;
            clear: both;
        }



        header {
            height: 0.96094rem;
            line-height: 0.96094rem;
            padding: 0 0.14062rem;
            margin-bottom: 0.11719rem;
            color: #ff6600;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }



        h1 {
            font-size: 0.46rem;
            font-weight: normal;
        }

        h2 {
            font-size: 0.42rem;
            font-weight: normal;
        }

        h3 {
            font-size: 0.26rem;
        }


        .pj-name {
            padding: .2rem;
            height: 4.5rem;
            text-align: center;
            background-color: #ccc;
        }

            .pj-name .head {
                width: 2rem;
                height: 2rem;
                overflow: hidden;
                margin: .6rem auto .2rem auto;
                background-color: #fff;
                border-radius: 50%;
                border: 2px solid #fff;
            }

            .pj-name .img-box {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                overflow: hidden;
            }

                .pj-name .img-box img {
                    width: 100%;
                }

            .pj-name h2 {
                margin-bottom: .15rem;
                ;
            }

                .pj-name h2 span {
                    font-size: .3rem;
                    ;
                }


        .list-data {
            display: table;
            border-collapse: collapse;
            width: 100%;
            ;
        }

        .name {
            margin-top: .2rem;
            text-align: center;
            ;
            font-size: 0.28rem;
            display: table;
            width: 100%;
            border-collapse: collapse;
        }

            .name .col {
                display: table-cell;
                padding: .2rem .1rem;
                width: 50%;
                ;
            }

            .name .col-last {
                width: 40%;
                ;
            }

            .name h3 {
                background-color: rgba(0,0,0,.5);
                border-radius: 20px;
                line-height: .5rem;
                ;
                padding: 0 .2rem;
                margin-bottom: .1rem;
                ;
                font-weight: normal;
                color: #fff;
            }



        .row {
            display: table-row;
        }

        .bg {
            background-color: rgba(51, 91, 42, 0.3);
        }

        .row .td {
            display: table-cell;
            padding: .2rem .2rem;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            background-color: rgba(255, 255, 255, 0.5);
            color: rgba(0, 0, 0, 0.8);
        }

        .row .title {
            width: 30%;
            border-right: 1px solid rgba(0, 0, 0, 0.1);
        }

        .last .td {
            border-bottom: 2px solid rgba(0, 0, 0, 0.2);
        }

        .enc {
            width: 100%;
            margin-bottom: .2rem;
        }

            .enc li {
                width: 49.8%;
                border-collapse: collapse;
                line-height: 2rem;
                ;
                float: left;
                overflow: hidden;
                text-align: center;
            }

        .border-lr {
            border-left: 1px solid rgba(0, 0, 0, 0.2);
        }

        .enc li img {
            width: 100%;
            line-height: 2rem;
            ;
            float: left;
        }
    </style>
    <script>
        (function(){
            var Dpr = 1, uAgent = window.navigator.userAgent;
            var isIOS = uAgent.match(/iphone/i);

            var wWidth = (screen.width > 0) ? (window.innerWidth >= screen.width || window.innerWidth == 0) ? screen.width : window.innerWidth : window.innerWidth, wDpr, wFsize;
            var wHeight = (screen.height > 0) ? (window.innerHeight >= screen.height || window.innerHeight == 0) ? screen.height : window.innerHeight : window.innerHeight;
            if (window.devicePixelRatio) {
                wDpr = window.devicePixelRatio;
            } else {
                wDpr = isIOS ? wWidth > 818 ? 3 : wWidth > 480 ? 2 : 1 : 1;
            }
            if(isIOS) {
                wWidth = screen.width;
                wHeight = screen.height;
            }
            if(wWidth > wHeight){
                wWidth = wHeight;
            }
            wFsize = wWidth > 1080 ? 144 : wWidth / 7.5;
            wFsize = wFsize > 32 ? wFsize : 32;
            window.screenWidth_ = wWidth;
            var html=document.getElementsByTagName('html')[0];
            html.dataset.dpr = wDpr;
            html.style.fontSize = wFsize + 'px';

        })();

    </script>
</head>
<body>


    <section class="list-data">
        <div class="row bg">
            <h3 class="td title">安全通道名称</h3>
            <div class="td">@Model.Name</div>
        </div>
    </section>
    <section class="list-data">
        <div class="row">
            <h3 class="td title">附件：</h3>
        </div>
        <div class="enc  p-clear-fix">
            <ul>
                <li><img src="@Model.BasementAisle"></li>
            </ul>
        </div>
    </section>


</body>
</html>
